// 审核管理
<script lang='ts'>
import {Component, Vue} from 'vue-property-decorator'
import {mapState, mapMutations, mapGetters, mapActions} from 'vuex'

import {deepCopy} from '@/utils/tools'
import manageTemplate from '@/components/ivew_components/manage_template/index.vue'

@Component({
     computed: {
        ...mapState( 'auditingStore',['componentStore', 'controlBtns' , 'toolsModel', 'tableOrders', 'tabeTitleConf', 'toolsFunConf', 'toolsContainerComponent', 'loading']),
        ...mapGetters('auditingStore', ['foldingLayerState']),
    },
    methods: {
        ...mapActions('auditingStore', ['tableSelect'])
    }
})

export default class auditingManage extends manageTemplate{
    name:string = 'auditingManage'
    loading:boolean

    formStyle = {
        maxWidth: `${660/14}rem`
    }

    created(){
        this.$store.dispatch('auditingStore/initSet')
    }

   
}

</script>

<style scoped lang='scss'>

.manage{
    position: relative;
    
    display: grid;
    grid-template-columns: _rem(182px) auto;
    grid-template-rows: 1fr;
    grid-column-gap: _rem(10px);

    height: 100%;
}

.tools-bar{
    overflow-y: auto;
    overflow-x: hidden;
    
    grid-row: 1/2;
    grid-column: 1/2;
}

.orders{
    position: relative;
    
    grid-row: 1/2;
    grid-column: auto;

}


// 收缩模式
.manage.close{
     grid-template-columns: _rem(60px) auto;
}


.info-form{
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;

    margin: auto;
    width: 100%;
    max-width: _rem(1200px);
    background: $default_bg;
    box-shadow: $default_shadow;
    font-size: $font_small;
    z-index: 10;
}

</style>